var toolBar={
    //mind 节点选择与否会影响toolBar的部分按钮是否可用
    selectNode(node){
        //排除undo，redo，放大，缩小按钮
         $('.toolbar span:not(.undo,.redo,.zoomIn,.zoomOut),.toolbar select').addClass('enable');
         $('.toolbar .fontColor').addClass('enable');
         var data=node.getData();
        $('.fontSize').val(data.fontSize);
        $('.fontFamily').val(data.fontFamily);
    },
    clearSelectNode(){
         $('.toolbar span:not(.undo,.redo,.zoomIn,.zoomOut),.toolbar select').removeClass('enable');
         $('.toolbar .fontColor').removeClass('enable');
    },
    view(){
       //判断undo,redo 状态
       if(this.stack.canUndo()){
           $('.toolbar .undo').addClass('enable');
       }else{
            $('.toolbar .undo').removeClass('enable');
       }
       if(this.stack.canRedo()){
           $('.toolbar .redo').addClass('enable');
       }else{
            $('.toolbar .redo').removeClass('enable');
       }
    },
    //当按钮可用时，点击按钮，分发事件
    init(zr,stack){
         this.stack=stack;
         $('body').off('click').on('click','.toolbar span.enable',function(){
            var command=$(this).attr('data-command');
            if($(this).hasClass('priority')){
                var value=$(this).attr('data-value');
                zr.trigger(command,{value});
            }else{
                zr.trigger(command);
            }

        });
        $('body').off('change').on('change','.toolbar select.enable',function(){
            var command=$(this).attr('data-command');
            var value=$(this).find('option:selected').val();
            zr.trigger(command,{value:value});
        });

        $('span.fontColor').minicolors({
           animationSpeed: 50,
           animationEasing: 'swing',
           change: function(color){
            zr.trigger('textFill',{value:color});
           },
           changeDelay: 0,
           control: 'hue',
           defaultValue: '#666',
           hide: null,
           hideSpeed: 100,
           inline: false,
           letterCase: 'lowercase',
           opacity: false,
           position: 'bottom left',
           show: null,
           showSpeed: 100,
           theme: 'default'
        });
    }
};
export default toolBar;
